<template>
	<div class="system-user-dialog-container">
		<el-dialog :title="state.dialog.title" v-model="state.dialog.isShowDialog" width="769px">
      <div style="display: flex;flex-direction: row;">
        <span style="font-size: 15px;font-weight: 600;">参数代理：</span>
        <span style="font-size: 15px;">{{state.dialog.content}}</span>
      </div>

<!--			<template #footer>
				<span class="dialog-footer">
					<el-button @click="onCancel" size="default">取 消</el-button>
					<el-button type="primary" @click="onSubmit" size="default">{{ state.dialog.submitTxt }}</el-button>
				</span>
			</template>-->
		</el-dialog>
	</div>
</template>

<script setup lang="ts" name="systemUserDialog">
import { reactive, ref } from 'vue';
import {getServerDetail} from '/@/api/cec/bdst';
// 定义子组件向父组件传值/事件
const emit = defineEmits(['refresh']);

// 定义变量内容
const userDialogFormRef = ref();
const state = reactive({
	// ruleForm: {
	// 	userName: '', // 账户名称
	// 	userNickname: '', // 用户昵称
	// 	roleSign: '', // 关联角色
	// 	department: [] as string[], // 部门
	// 	phone: '', // 手机号
	// 	email: '', // 邮箱
	// 	sex: '', // 性别
	// 	password: '', // 账户密码
	// 	overdueTime: '', // 账户过期
	// 	status: true, // 用户状态
	// 	describe: '', // 用户描述
	// },
	// deptData: [] as DeptTreeType[], // 部门数据
	dialog: {
		isShowDialog: false,
		type: '',
		title: '',
		submitTxt: '',
    content:'',
	},
});

// 打开弹窗
const openDialog =async (type: string, row: String,time:String) => {

  // const result={
  //   "code": 0,
  //   "data": "frompdfview=1&nolog=1&     fileid=af5d761af61ea0db7663b8c4cac61f5a2adab3bda0ec185a1b85a9e8dbddc9f45cc032fd49cc7d32141889a124db3908cde4ae2dd722405fd&workplanid=0&requestid=null&authStr=&authSignatureStr=&formmode_authorize=null&authorizemodeId=0&  authorizeformmodebillId=0&authorizefieldid=0&authorizeformModeReplyid=0&authorizefMReplyFName=& f_weaver_belongto_userid=null&f_weaver_belongto_usertype=null - -",
  //   "msgs": "ok"
  // };
  const result=await getServerDetail({date:time,evid:row});
  console.log(result)
  state.dialog.title = '详情';
	state.dialog.isShowDialog = true;
  state.dialog.content=result.data;
	// getMenuData();
};
// 关闭弹窗
const closeDialog = () => {
	state.dialog.isShowDialog = false;
};
// 取消
const onCancel = () => {
	closeDialog();
};
// 提交
const onSubmit = () => {
	closeDialog();
	emit('refresh');
	// if (state.dialog.type === 'add') { }
};
// 初始化部门数据
// const getMenuData = () => {
// 	state.deptData.push({
// 		deptName: 'vueNextAdmin',
// 		createTime: new Date().toLocaleString(),
// 		status: true,
// 		sort: Math.random(),
// 		describe: '顶级部门',
// 		id: Math.random(),
// 		children: [
// 			{
// 				deptName: 'IT外包服务',
// 				createTime: new Date().toLocaleString(),
// 				status: true,
// 				sort: Math.random(),
// 				describe: '总部',
// 				id: Math.random(),
// 			},
// 			{
// 				deptName: '资本控股',
// 				createTime: new Date().toLocaleString(),
// 				status: true,
// 				sort: Math.random(),
// 				describe: '分部',
// 				id: Math.random(),
// 			},
// 		],
// 	});
// };

// 暴露变量
defineExpose({
	openDialog,
});
</script>
